<!DOCTYPE html>
<!-- 网页使用的语言 -->
<html lang="en">
<head>
  <!-- 指定字符集 -->
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>填写订单信息</title>
  <script type="text/javascript" src="js/jquery-3.4.1.js"></script>
  <script type="text/javascript" src="js/jquery.cookie.js"></script>
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <script src="js/bootstrap.min.js"></script>



  <script type="text/javascript">
   $(function (){
     $("#tijiao").click(function () {
       var ordername = $("#name").val();
       var address = $("#address").val();
       var phnumber=$("#phnumber").val();
       $.cookie('ordername',ordername);
       $.cookie('address',address);
       $.cookie('phnumber',phnumber);
       location.href="shop_cart.html";
     })
   })
  </script>

</head>
<body>
<div class="container" style="width: 400px;">
  <h3 style="text-align: center;">填写信息</h3>
  <div id="biaodan">
    <div class="form-group">
      <label for="name">姓名：</label>
      <input type="text" class="form-control" id="name" placeholder="请输入姓名" />
    </div>
    <div class="form-group">
      <label for="phnumber">电话号码：</label>
      <input type="text" class="form-control" id="phnumber"  placeholder="请输入手机号码"/>
    </div>
    <div class="form-group">
      <label for="address">地址：</label>
      <input type="text" class="form-control" id="address"  placeholder="请输入地址"/>
    </div>

    <div class="form-group" style="text-align: center">
      <input class="btn btn-primary" id="tijiao" type="submit" value="提交" />
    </div>
  </div>
</div>
</body>
</html>